<template>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" type="border-card">
      <el-tab-pane label="高血压随访" name="first">
              <el-tabs v-model="activeName1" class="demo-tabs" @tab-click="handleClick1">
                  
                <el-tab-pane label="一般人群" name="first">
                  <el-form label-width="auto" style="max-width: 100%">
              <el-row>
                  <el-col :span="5">
              <el-form-item label=" 家庭地址:">
                  <el-input
                    v-model="queryDto.address"
                    placeholder="家庭地址"
                  ></el-input>
              </el-form-item>
              </el-col>
              <el-col :span="5">
              <el-form-item label=" 年龄:">
                  <el-input
                    v-model="queryDto.age"
                    placeholder="年龄"
                  ></el-input>
              </el-form-item>
              </el-col>
              <el-col :span="5">
              <el-form-item label=" 电话:">
                  <el-input
                    v-model="queryDto.phone"
                    placeholder="电话"
                  ></el-input>
              </el-form-item>
              </el-col>
              <el-col :span="8">
              <el-form-item label="随访医生:" style="margin-left: 20px;margin-right: 20px">
                      <el-input
                    v-model="queryDto.followUpDoctor"
                    placeholder="随访医生"
                      ></el-input>
                  </el-form-item>
                  </el-col>
                  <el-col :span="10">
              <el-form-item label="随访日期:">
        <el-date-picker
          v-model="createTimes"
          type="daterange"
          unlink-panels
          range-separator="To"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          :shortcuts="shortcuts"
          :size="size"
          format="YYYY-MM-DD"
          value-format="YYYY-MM-DD"
        />
              </el-form-item>
                  </el-col>
                  <el-col :span="10">
                  <el-form-item label="随访方式:" style="margin-left: 20px;">
                      <el-select
                      v-model="queryDto.followUpMethod"
                      placeholder="随访方式"
                      size="large"
                      >
                      <el-option
                          v-for="item in options"
                          :key="item.id"
                          :label="item.name"
                          :value="item.id"
                      />
                      </el-select>
                  </el-form-item>
              </el-col>
              <el-col :span="8">
              <el-form-item label=" 患者姓名:">
                  <el-input
                    v-model="queryDto.psName"
                    placeholder="患者姓名"
                  ></el-input>
              </el-form-item>
          </el-col>
              </el-row>
              
      <el-row style="display:flex">
          <el-button type="primary" size="small" @click="searchSysRole">
              搜索
          </el-button>
          <el-button size="small" @click="resetData">重置</el-button>
      </el-row>
  </el-form>
                   <!--- 角色表格数据 -->
                  <el-table  :data="list" style="width: 100%">
                      <el-table-column type="index" label="序号" width="70" />
                      <el-table-column prop="followUpDate" label="随访日期" width="170" />
                      <el-table-column prop="psName" label="患者姓名" width="100" />
                      
                      <el-table-column prop="sex" label="性别"  width="60"  #default="scope">
                          {{ scope.row.sex == 1 ? '男' : '女' }}
                      </el-table-column>
                      <el-table-column label="随访方式" #default="scope">
                          <span v-if="scope.row.followUpMethod==1">
                                  电话
                          </span>
                          <span v-if="scope.row.followUpMethod==2">
                                  家庭
                          </span>
                          <span v-if="scope.row.followUpMethod==3">
                                  门诊
                          </span>
                      </el-table-column>
                      <el-table-column prop="age" label="年龄"/>
                      <el-table-column prop="phone" label="联系方式"/>
                      <el-table-column prop="address" label="家庭地址" />
                      <el-table-column prop="followUpDoctor" label="随访医生"  width="80" />
                      <el-table-column prop="url" label="管理等级"  #default="scope">
                          <img :src="scope.row.url" width="100" />
                      </el-table-column>
                      <el-table-column label="操作" align="center" width="280" #default="scope">
                      <el-button type="primary" size="small" @click="pingjia(scope.row)">
                          回访评价
                      </el-button>
                      <el-button type="primary" size="small" @click="fangshi(scope.row)">
                          更改随访方式
                      </el-button>
                      <el-button type="danger" size="small">
                          档案
                      </el-button>
                      </el-table-column>
                  </el-table>
                  <!--分页条-->
                  <el-pagination
                 v-model:current-page="pageParams.page"
                 v-model:page-size="pageParams.limit"
                 :page-sizes="[2,5,10, 20, 50, 100]"
                 @size-change="fetchData"
                 @current-change="fetchData"
                 layout="total, sizes, prev, pager, next"
                 :total="total"
  />
        <el-dialog v-model="dialogVisible" :title="tit" width="40%">
                    <el-form label-width="200px">
                            <el-row :gutter="20">
                                <el-col :span="10">
                                    满意度: <el-rate
                                                v-model="pingjiazhi"
                                                show-text
                                                :texts="fuzhuwenzi"
                                                void-icon-class="icon-rate-face-off"
                                                :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
                                            </el-rate>
                            </el-col>    
                            </el-row>
                            <el-row :gutter="20" style="margin-top: 5px">
                                <el-col :span="3">
                                    评价内容:
                                </el-col>
                                <el-col :span="15">
                                    <el-input
                                    type="textarea"
                                    :rows="8"
                                    class="pingjiakuang"
                                    
                                    placeholder="请输入内容"
                                    v-model="pingjianeirong">
                                    </el-input>
                                </el-col>
                            </el-row>
                            <el-form-item label-width="300px" style="margin-top: 10px">
                                <el-button type="primary" @click="pingjiatijiao">确认</el-button>
                                <el-button @click="dialogVisible=false,pingjiazhi='',pingjianeirong=''">取消</el-button>
                            </el-form-item>
                    </el-form>
                        
            </el-dialog>
            <el-dialog v-model="suifang" title="随访方式" width="40%">
                    <el-form label-width="300px">
                            <el-row :gutter="40">
                                <el-col :span="10">
                                    <el-select
                                    v-model="suifangfangshi.followUpMethod"
                                    placeholder="随访方式"
                                    size="large"
                                    >
                                    <el-option
                                        v-for="item in options"
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id"
                                    />
                                    </el-select>
                                </el-col>    
                            </el-row>
                            <el-form-item label-width="300px">
                                <el-button type="primary" @click="updatesuifang">立即更改</el-button>
                                <el-button @click="suifang = false">取消</el-button>
                            </el-form-item>
                    </el-form>
            </el-dialog>
                </el-tab-pane>
  
  
  
  
                <el-tab-pane label="慢病患者" name="second">
                  <el-form label-width="auto" style="max-width: 100%">
              <el-row>
                  <el-col :span="5">
              <el-form-item label=" 家庭地址:">
                  <el-input
                    v-model="queryDto1.address"
                    placeholder="家庭地址"
                  ></el-input>
              </el-form-item>
              </el-col>
              <el-col :span="5">
              <el-form-item label=" 年龄:">
                  <el-input
                    v-model="queryDto1.age"
                    placeholder="年龄"
                  ></el-input>
              </el-form-item>
              </el-col>
              <el-col :span="5">
              <el-form-item label=" 电话:">
                  <el-input
                    v-model="queryDto1.phone"
                    placeholder="电话"
                  ></el-input>
              </el-form-item>
              </el-col>
              <el-col :span="8">
              <el-form-item label="随访医生:" style="margin-left: 20px;margin-right: 20px">
                      <el-input
                    v-model="queryDto1.followUpDoctor"
                    placeholder="随访医生"
                      ></el-input>
                  </el-form-item>
                  </el-col>
                  <el-col :span="10">
              <el-form-item label="随访日期:">
        <el-date-picker
          v-model="createTimes1"
          type="daterange"
          unlink-panels
          range-separator="To"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          :shortcuts="shortcuts"
          :size="size"
          format="YYYY-MM-DD"
          value-format="YYYY-MM-DD"
        />
              </el-form-item>
                  </el-col>
                  <el-col :span="10">
                  <el-form-item label="随访方式:" style="margin-left: 20px;">
                      <el-select
                      v-model="queryDto1.followUpMethod"
                      placeholder="随访方式"
                      size="large"
                      >
                      <el-option
                          v-for="item in options1"
                          :key="item.id"
                          :label="item.name"
                          :value="item.id"
                      />
                      </el-select>
                  </el-form-item>
              </el-col>
              <el-col :span="8">
              <el-form-item label=" 患者姓名:">
                  <el-input
                    v-model="queryDto1.psName"
                    placeholder="患者姓名"
                  ></el-input>
              </el-form-item>
          </el-col>
              </el-row>
              
      <el-row style="display:flex">
          <el-button type="primary" size="small" @click="searchSysRole1">
              搜索
          </el-button>
          <el-button size="small" @click="resetData1">重置</el-button>
      </el-row>
  </el-form>
                    <!--- 角色表格数据 -->
                  <el-table :data="list1" style="width: 100%">
                      <el-table-column prop="followUpDate" label="随访日期" width="170" />
                      <el-table-column prop="psName" label="患者姓名" width="100" />
                      
                      <el-table-column prop="sex" label="性别"  width="60"  #default="scope">
                          {{ scope.row.sex == 1 ? '男' : '女' }}
                      </el-table-column>
                      <el-table-column prop="age" label="年龄"/>
                      <el-table-column prop="phone" label="联系方式"/>
                      <el-table-column prop="address" label="家庭地址" />
                      <el-table-column label="随访方式" #default="scope">
                          <span v-if="scope.row.followUpMethod==1">
                                  电话
                          </span>
                          <span v-if="scope.row.followUpMethod==2">
                                  家庭
                          </span>
                          <span v-if="scope.row.followUpMethod==3">
                                  门诊
                          </span>
                      </el-table-column>
                      <el-table-column prop="followUpDoctor" label="随访医生"  width="80" />
                      <el-table-column prop="url" label="管理等级"  #default="scope">
                          <img :src="scope.row.url" width="100" />
                      </el-table-column>
                      <el-table-column label="操作" align="center" width="280" #default="scope">
                        <el-button type="primary" size="small" @click="pingjia1(scope.row)">
                          回访评价
                      </el-button>
                      <el-button type="primary" size="small" @click="fangshi1(scope.row)">
                          更改随访方式
                      </el-button>
                      <el-button type="danger" size="small">
                          档案
                      </el-button>
                      </el-table-column>
                  </el-table>
                  <el-pagination
                 v-model:current-page="pageParams1.page"
                 v-model:page-size="pageParams1.limit"
                 :page-sizes="[2,5,10, 20, 50, 100]"
                 @size-change="fetchData2"
                 @current-change="fetchData2"
                 layout="total, sizes, prev, pager, next"
                 :total="total1"
  />
  <el-dialog v-model="dialogVisible1" :title="tit1" width="40%">
                    <el-form label-width="200px">
                            <el-row :gutter="20">
                                <el-col :span="10">
                                    满意度: <el-rate
                                                v-model="pingjiazhi1"
                                                show-text
                                                :texts="fuzhuwenzi"
                                                void-icon-class="icon-rate-face-off"
                                                :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
                                            </el-rate>
                            </el-col>    
                            </el-row>
                            <el-row :gutter="20" style="margin-top: 5px">
                                <el-col :span="3">
                                    评价内容:
                                </el-col>
                                <el-col :span="15">
                                    <el-input
                                    type="textarea"
                                    :rows="8"
                                    class="pingjiakuang"
                                    
                                    placeholder="请输入内容"
                                    v-model="pingjianeirong1">
                                    </el-input>
                                </el-col>
                            </el-row>
                            <el-form-item label-width="300px" style="margin-top: 10px">
                                <el-button type="primary" @click="pingjiatijiao1">确认</el-button>
                                <el-button @click="dialogVisible=false,pingjiazhi1='',pingjianeirong1=''">取消</el-button>
                            </el-form-item>
                    </el-form>
                        
            </el-dialog>
            <el-dialog v-model="suifang1" title="随访方式" width="40%">
                    <el-form label-width="300px">
                            <el-row :gutter="40">
                                <el-col :span="10">
                                    <el-select
                                    v-model="suifangfangshi1.followUpMethod"
                                    placeholder="随访方式"
                                    size="large"
                                    >
                                    <el-option
                                        v-for="item in options"
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id"
                                    />
                                    </el-select>
                                </el-col>    
                            </el-row>
                            <el-form-item label-width="300px">
                                <el-button type="primary" @click="updatesuifang1">立即更改</el-button>
                                <el-button @click="suifang1 = false">取消</el-button>
                            </el-form-item>
                    </el-form>
            </el-dialog>
                </el-tab-pane>
              </el-tabs>
      </el-tab-pane>





      <el-tab-pane label="糖尿病" name="second">
        <el-tabs v-model="activeName2" class="demo-tabs" @tab-click="handleClick1">
                  
                  <el-tab-pane label="一般人群" name="first">
                    <el-form label-width="auto" style="max-width: 100%">
                <el-row>
                    <el-col :span="5">
                <el-form-item label=" 家庭地址:">
                    <el-input
                      v-model="queryDto2.address"
                      placeholder="家庭地址"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 年龄:">
                    <el-input
                      v-model="queryDto2.age"
                      placeholder="年龄"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 电话:">
                    <el-input
                      v-model="queryDto2.phone"
                      placeholder="电话"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label="随访医生:" style="margin-left: 20px;margin-right: 20px">
                        <el-input
                      v-model="queryDto2.followUpDoctor"
                      placeholder="随访医生"
                        ></el-input>
                    </el-form-item>
                    </el-col>
                    <el-col :span="10">
                <el-form-item label="随访日期:">
          <el-date-picker
            v-model="createTimes2"
            type="daterange"
            unlink-panels
            range-separator="To"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :shortcuts="shortcuts"
            :size="size"
            format="YYYY-MM-DD"
            value-format="YYYY-MM-DD"
          />
                </el-form-item>
                    </el-col>
                    <el-col :span="10">
                    <el-form-item label="随访方式:" style="margin-left: 20px;">
                        <el-select
                        v-model="queryDto2.followUpMethod"
                        placeholder="随访方式"
                        size="large"
                        >
                        <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label=" 患者姓名:">
                    <el-input
                      v-model="queryDto2.psName"
                      placeholder="患者姓名"
                    ></el-input>
                </el-form-item>
            </el-col>
                </el-row>
                
        <el-row style="display:flex">
            <el-button type="primary" size="small" @click="searchSysRole2">
                搜索
            </el-button>
            <el-button size="small" @click="resetData2">重置</el-button>
        </el-row>
    </el-form>
                     <!--- 角色表格数据 -->
                    <el-table  :data="list2" style="width: 100%">
                        <el-table-column type="index" label="序号" width="70" />
                        <el-table-column prop="followUpDate" label="随访日期" width="170" />
                        <el-table-column prop="psName" label="患者姓名" width="100" />
                        
                        <el-table-column prop="sex" label="性别"  width="60"  #default="scope">
                            {{ scope.row.sex == 1 ? '男' : '女' }}
                        </el-table-column>
                        <el-table-column label="随访方式" #default="scope">
                            <span v-if="scope.row.followUpMethod==1">
                                    电话
                            </span>
                            <span v-if="scope.row.followUpMethod==2">
                                    家庭
                            </span>
                            <span v-if="scope.row.followUpMethod==3">
                                    门诊
                            </span>
                        </el-table-column>
                        <el-table-column prop="age" label="年龄"/>
                        <el-table-column prop="phone" label="联系方式"/>
                        <el-table-column prop="address" label="家庭地址" />
                        <el-table-column prop="followUpDoctor" label="随访医生"  width="80" />
                        <el-table-column prop="url" label="管理等级"  #default="scope">
                            <img :src="scope.row.url" width="100" />
                        </el-table-column>
                        <el-table-column label="操作" align="center" width="280" #default="scope">
                        <el-button type="primary" size="small" @click="pingjia2(scope.row)">
                            回访评价
                        </el-button>
                        <el-button type="primary" size="small" @click="fangshi2(scope.row)">
                            更改随访方式
                        </el-button>
                        <el-button type="danger" size="small">
                            档案
                        </el-button>
                        </el-table-column>
                    </el-table>
                    <!--分页条-->
                    <el-pagination
                   v-model:current-page="pageParams2.page"
                   v-model:page-size="pageParams2.limit"
                   :page-sizes="[2,5,10, 20, 50, 100]"
                   @size-change="fetchData3"
                   @current-change="fetchData3"
                   layout="total, sizes, prev, pager, next"
                   :total="total2"
    />
          <el-dialog v-model="dialogVisible2" :title="tit" width="40%">
                      <el-form label-width="200px">
                              <el-row :gutter="20">
                                  <el-col :span="10">
                                      满意度: <el-rate
                                                  v-model="pingjiazhi2"
                                                  show-text
                                                  :texts="fuzhuwenzi"
                                                  void-icon-class="icon-rate-face-off"
                                                  :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
                                              </el-rate>
                              </el-col>    
                              </el-row>
                              <el-row :gutter="20" style="margin-top: 5px">
                                  <el-col :span="3">
                                      评价内容:
                                  </el-col>
                                  <el-col :span="15">
                                      <el-input
                                      type="textarea"
                                      :rows="8"
                                      class="pingjiakuang"
                                      
                                      placeholder="请输入内容"
                                      v-model="pingjianeirong2">
                                      </el-input>
                                  </el-col>
                              </el-row>
                              <el-form-item label-width="300px" style="margin-top: 10px">
                                  <el-button type="primary" @click="pingjiatijiao2">确认</el-button>
                                  <el-button @click="dialogVisible2=false,pingjiazhi2='',pingjianeirong2=''">取消</el-button>
                              </el-form-item>
                      </el-form>
                          
              </el-dialog>
              <el-dialog v-model="suifang2" title="随访方式" width="40%">
                      <el-form label-width="300px">
                              <el-row :gutter="40">
                                  <el-col :span="10">
                                      <el-select
                                      v-model="suifangfangshi2.followUpMethod"
                                      placeholder="随访方式"
                                      size="large"
                                      >
                                      <el-option
                                          v-for="item in options"
                                          :key="item.id"
                                          :label="item.name"
                                          :value="item.id"
                                      />
                                      </el-select>
                                  </el-col>    
                              </el-row>
                              <el-form-item label-width="300px">
                                  <el-button type="primary" @click="updatesuifang2">立即更改</el-button>
                                  <el-button @click="suifang2 = false">取消</el-button>
                              </el-form-item>
                      </el-form>
              </el-dialog>
                  </el-tab-pane>
    
    
    
    
                  <el-tab-pane label="慢病患者" name="second">
                    <el-form label-width="auto" style="max-width: 100%">
                <el-row>
                    <el-col :span="5">
                <el-form-item label=" 家庭地址:">
                    <el-input
                      v-model="queryDto3.address"
                      placeholder="家庭地址"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 年龄:">
                    <el-input
                      v-model="queryDto3.age"
                      placeholder="年龄"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 电话:">
                    <el-input
                      v-model="queryDto3.phone"
                      placeholder="电话"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label="随访医生:" style="margin-left: 20px;margin-right: 20px">
                        <el-input
                      v-model="queryDto3.followUpDoctor"
                      placeholder="随访医生"
                        ></el-input>
                    </el-form-item>
                    </el-col>
                    <el-col :span="10">
                <el-form-item label="随访日期:">
          <el-date-picker
            v-model="createTimes3"
            type="daterange"
            unlink-panels
            range-separator="To"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :shortcuts="shortcuts"
            :size="size"
            format="YYYY-MM-DD"
            value-format="YYYY-MM-DD"
          />
                </el-form-item>
                    </el-col>
                    <el-col :span="10">
                    <el-form-item label="随访方式:" style="margin-left: 20px;">
                        <el-select
                        v-model="queryDto3.followUpMethod"
                        placeholder="随访方式"
                        size="large"
                        >
                        <el-option
                            v-for="item in options2"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label=" 患者姓名:">
                    <el-input
                      v-model="queryDto3.psName"
                      placeholder="患者姓名"
                    ></el-input>
                </el-form-item>
            </el-col>
                </el-row>
                
        <el-row style="display:flex">
            <el-button type="primary" size="small" @click="searchSysRole3">
                搜索
            </el-button>
            <el-button size="small" @click="resetData3">重置</el-button>
        </el-row>
    </el-form>
                      <!--- 角色表格数据 -->
                    <el-table :data="list3" style="width: 100%">
                        <el-table-column prop="followUpDate" label="随访日期" width="170" />
                        <el-table-column prop="psName" label="患者姓名" width="100" />
                        
                        <el-table-column prop="sex" label="性别"  width="60"  #default="scope">
                            {{ scope.row.sex == 1 ? '男' : '女' }}
                        </el-table-column>
                        <el-table-column prop="age" label="年龄"/>
                        <el-table-column prop="phone" label="联系方式"/>
                        <el-table-column prop="address" label="家庭地址" />
                        <el-table-column label="随访方式" #default="scope">
                            <span v-if="scope.row.followUpMethod==1">
                                    电话
                            </span>
                            <span v-if="scope.row.followUpMethod==2">
                                    家庭
                            </span>
                            <span v-if="scope.row.followUpMethod==3">
                                    门诊
                            </span>
                        </el-table-column>
                        <el-table-column prop="followUpDoctor" label="随访医生"  width="80" />
                        <el-table-column prop="url" label="管理等级"  #default="scope">
                            <img :src="scope.row.url" width="100" />
                        </el-table-column>
                        <el-table-column label="操作" align="center" width="280" #default="scope">
                          <el-button type="primary" size="small" @click="pingjia3(scope.row)">
                            回访评价
                        </el-button>
                        <el-button type="primary" size="small" @click="fangshi3(scope.row)">
                            更改随访方式
                        </el-button>
                        <el-button type="danger" size="small">
                            档案
                        </el-button>
                        </el-table-column>
                    </el-table>
                    <el-pagination
                   v-model:current-page="pageParams3.page"
                   v-model:page-size="pageParams3.limit"
                   :page-sizes="[2,5,10, 20, 50, 100]"
                   @size-change="fetchData4"
                   @current-change="fetchData4"
                   layout="total, sizes, prev, pager, next"
                   :total="total3"
    />
    <el-dialog v-model="dialogVisible3" :title="tit1" width="40%">
                      <el-form label-width="200px">
                              <el-row :gutter="20">
                                  <el-col :span="10">
                                      满意度: <el-rate
                                                  v-model="pingjiazhi3"
                                                  show-text
                                                  :texts="fuzhuwenzi"
                                                  void-icon-class="icon-rate-face-off"
                                                  :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
                                              </el-rate>
                              </el-col>    
                              </el-row>
                              <el-row :gutter="20" style="margin-top: 5px">
                                  <el-col :span="3">
                                      评价内容:
                                  </el-col>
                                  <el-col :span="15">
                                      <el-input
                                      type="textarea"
                                      :rows="8"
                                      class="pingjiakuang"
                                      
                                      placeholder="请输入内容"
                                      v-model="pingjianeirong3">
                                      </el-input>
                                  </el-col>
                              </el-row>
                              <el-form-item label-width="300px" style="margin-top: 10px">
                                  <el-button type="primary" @click="pingjiatijiao3">确认</el-button>
                                  <el-button @click="dialogVisible3=false,pingjiazhi3='',pingjianeirong3=''">取消</el-button>
                              </el-form-item>
                      </el-form>
                          
              </el-dialog>
              <el-dialog v-model="suifang3" title="随访方式" width="40%">
                      <el-form label-width="300px">
                              <el-row :gutter="40">
                                  <el-col :span="10">
                                      <el-select
                                      v-model="suifangfangshi3.followUpMethod"
                                      placeholder="随访方式"
                                      size="large"
                                      >
                                      <el-option
                                          v-for="item in options1"
                                          :key="item.id"
                                          :label="item.name"
                                          :value="item.id"
                                      />
                                      </el-select>
                                  </el-col>    
                              </el-row>
                              <el-form-item label-width="300px">
                                  <el-button type="primary" @click="updatesuifang3">立即更改</el-button>
                                  <el-button @click="suifang3 = false">取消</el-button>
                              </el-form-item>
                      </el-form>
              </el-dialog>
                  </el-tab-pane>
                </el-tabs>
      </el-tab-pane>
      <el-tab-pane label="冠心病" name="third">
        <el-tabs v-model="activeName3" class="demo-tabs" @tab-click="handleClick1">
                  
                  <el-tab-pane label="一般人群" name="first">
                    <el-form label-width="auto" style="max-width: 100%">
                <el-row>
                    <el-col :span="5">
                <el-form-item label=" 家庭地址:">
                    <el-input
                      v-model="queryDto4.address"
                      placeholder="家庭地址"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 年龄:">
                    <el-input
                      v-model="queryDto4.age"
                      placeholder="年龄"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 电话:">
                    <el-input
                      v-model="queryDto4.phone"
                      placeholder="电话"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label="随访医生:" style="margin-left: 20px;margin-right: 20px">
                        <el-input
                      v-model="queryDto4.followUpDoctor"
                      placeholder="随访医生"
                        ></el-input>
                    </el-form-item>
                    </el-col>
                    <el-col :span="10">
                <el-form-item label="随访日期:">
          <el-date-picker
            v-model="createTimes4"
            type="daterange"
            unlink-panels
            range-separator="To"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :shortcuts="shortcuts"
            :size="size"
            format="YYYY-MM-DD"
            value-format="YYYY-MM-DD"
          />
                </el-form-item>
                    </el-col>
                    <el-col :span="10">
                    <el-form-item label="随访方式:" style="margin-left: 20px;">
                        <el-select
                        v-model="queryDto4.followUpMethod"
                        placeholder="随访方式"
                        size="large"
                        >
                        <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label=" 患者姓名:">
                    <el-input
                      v-model="queryDto4.psName"
                      placeholder="患者姓名"
                    ></el-input>
                </el-form-item>
            </el-col>
                </el-row>
                
        <el-row style="display:flex">
            <el-button type="primary" size="small" @click="searchSysRole4">
                搜索
            </el-button>
            <el-button size="small" @click="resetData4">重置</el-button>
        </el-row>
    </el-form>
                     <!--- 角色表格数据 -->
                    <el-table  :data="list4" style="width: 100%">
                        <el-table-column type="index" label="序号" width="70" />
                        <el-table-column prop="followUpDate" label="随访日期" width="170" />
                        <el-table-column prop="psName" label="患者姓名" width="100" />
                        
                        <el-table-column prop="sex" label="性别"  width="60"  #default="scope">
                            {{ scope.row.sex == 1 ? '男' : '女' }}
                        </el-table-column>
                        <el-table-column label="随访方式" #default="scope">
                            <span v-if="scope.row.followUpMethod==1">
                                    电话
                            </span>
                            <span v-if="scope.row.followUpMethod==2">
                                    家庭
                            </span>
                            <span v-if="scope.row.followUpMethod==3">
                                    门诊
                            </span>
                        </el-table-column>
                        <el-table-column prop="age" label="年龄"/>
                        <el-table-column prop="phone" label="联系方式"/>
                        <el-table-column prop="address" label="家庭地址" />
                        <el-table-column prop="followUpDoctor" label="随访医生"  width="80" />
                        <el-table-column prop="url" label="管理等级"  #default="scope">
                            <img :src="scope.row.url" width="100" />
                        </el-table-column>
                        <el-table-column label="操作" align="center" width="280" #default="scope">
                        <el-button type="primary" size="small" @click="pingjia4(scope.row)">
                            回访评价
                        </el-button>
                        <el-button type="primary" size="small" @click="fangshi4(scope.row)">
                            更改随访方式
                        </el-button>
                        <el-button type="danger" size="small">
                            档案
                        </el-button>
                        </el-table-column>
                    </el-table>
                    <!--分页条-->
                    <el-pagination
                   v-model:current-page="pageParams4.page"
                   v-model:page-size="pageParams4.limit"
                   :page-sizes="[2,5,10, 20, 50, 100]"
                   @size-change="fetchData5"
                   @current-change="fetchData5"
                   layout="total, sizes, prev, pager, next"
                   :total="total4"
    />
          <el-dialog v-model="dialogVisible4" :title="tit" width="40%">
                      <el-form label-width="200px">
                              <el-row :gutter="20">
                                  <el-col :span="10">
                                      满意度: <el-rate
                                                  v-model="pingjiazhi4"
                                                  show-text
                                                  :texts="fuzhuwenzi"
                                                  void-icon-class="icon-rate-face-off"
                                                  :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
                                              </el-rate>
                              </el-col>    
                              </el-row>
                              <el-row :gutter="20" style="margin-top: 5px">
                                  <el-col :span="3">
                                      评价内容:
                                  </el-col>
                                  <el-col :span="15">
                                      <el-input
                                      type="textarea"
                                      :rows="8"
                                      class="pingjiakuang"
                                      
                                      placeholder="请输入内容"
                                      v-model="pingjianeirong4">
                                      </el-input>
                                  </el-col>
                              </el-row>
                              <el-form-item label-width="300px" style="margin-top: 10px">
                                  <el-button type="primary" @click="pingjiatijiao4">确认</el-button>
                                  <el-button @click="dialogVisible4=false,pingjiazhi4='',pingjianeirong4=''">取消</el-button>
                              </el-form-item>
                      </el-form>
                          
              </el-dialog>
              <el-dialog v-model="suifang4" title="随访方式" width="40%">
                      <el-form label-width="300px">
                              <el-row :gutter="40">
                                  <el-col :span="10">
                                      <el-select
                                      v-model="suifangfangshi4.followUpMethod"
                                      placeholder="随访方式"
                                      size="large"
                                      >
                                      <el-option
                                          v-for="item in options"
                                          :key="item.id"
                                          :label="item.name"
                                          :value="item.id"
                                      />
                                      </el-select>
                                  </el-col>    
                              </el-row>
                              <el-form-item label-width="300px">
                                  <el-button type="primary" @click="updatesuifang4">立即更改</el-button>
                                  <el-button @click="suifang4 = false">取消</el-button>
                              </el-form-item>
                      </el-form>
              </el-dialog>
                  </el-tab-pane>
    
    
    
    
                  <el-tab-pane label="慢病患者" name="second">
                    <el-form label-width="auto" style="max-width: 100%">
                <el-row>
                    <el-col :span="5">
                <el-form-item label=" 家庭地址:">
                    <el-input
                      v-model="queryDto5.address"
                      placeholder="家庭地址"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 年龄:">
                    <el-input
                      v-model="queryDto5.age"
                      placeholder="年龄"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="5">
                <el-form-item label=" 电话:">
                    <el-input
                      v-model="queryDto5.phone"
                      placeholder="电话"
                    ></el-input>
                </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label="随访医生:" style="margin-left: 20px;margin-right: 20px">
                        <el-input
                      v-model="queryDto5.followUpDoctor"
                      placeholder="随访医生"
                        ></el-input>
                    </el-form-item>
                    </el-col>
                    <el-col :span="10">
                <el-form-item label="随访日期:">
          <el-date-picker
            v-model="createTimes5"
            type="daterange"
            unlink-panels
            range-separator="To"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :shortcuts="shortcuts"
            :size="size"
            format="YYYY-MM-DD"
            value-format="YYYY-MM-DD"
          />
                </el-form-item>
                    </el-col>
                    <el-col :span="10">
                    <el-form-item label="随访方式:" style="margin-left: 20px;">
                        <el-select
                        v-model="queryDto5.followUpMethod"
                        placeholder="随访方式"
                        size="large"
                        >
                        <el-option
                            v-for="item in options2"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id"
                        />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-form-item label=" 患者姓名:">
                    <el-input
                      v-model="queryDto5.psName"
                      placeholder="患者姓名"
                    ></el-input>
                </el-form-item>
            </el-col>
                </el-row>
                
        <el-row style="display:flex">
            <el-button type="primary" size="small" @click="searchSysRole5">
                搜索
            </el-button>
            <el-button size="small" @click="resetData5">重置</el-button>
        </el-row>
    </el-form>
                      <!--- 角色表格数据 -->
                    <el-table :data="list5" style="width: 100%">
                        <el-table-column prop="followUpDate" label="随访日期" width="170" />
                        <el-table-column prop="psName" label="患者姓名" width="100" />
                        
                        <el-table-column prop="sex" label="性别"  width="60"  #default="scope">
                            {{ scope.row.sex == 1 ? '男' : '女' }}
                        </el-table-column>
                        <el-table-column prop="age" label="年龄"/>
                        <el-table-column prop="phone" label="联系方式"/>
                        <el-table-column prop="address" label="家庭地址" />
                        <el-table-column label="随访方式" #default="scope">
                            <span v-if="scope.row.followUpMethod==1">
                                    电话
                            </span>
                            <span v-if="scope.row.followUpMethod==2">
                                    家庭
                            </span>
                            <span v-if="scope.row.followUpMethod==3">
                                    门诊
                            </span>
                        </el-table-column>
                        <el-table-column prop="followUpDoctor" label="随访医生"  width="80" />
                        <el-table-column prop="url" label="管理等级"  #default="scope">
                            <img :src="scope.row.url" width="100" />
                        </el-table-column>
                        <el-table-column label="操作" align="center" width="280" #default="scope">
                          <el-button type="primary" size="small" @click="pingjia5(scope.row)">
                            回访评价
                        </el-button>
                        <el-button type="primary" size="small" @click="fangshi5(scope.row)">
                            更改随访方式
                        </el-button>
                        <el-button type="danger" size="small">
                            档案
                        </el-button>
                        </el-table-column>
                    </el-table>
                    <el-pagination
                   v-model:current-page="pageParams6.page"
                   v-model:page-size="pageParams6.limit"
                   :page-sizes="[2,5,10, 20, 50, 100]"
                   @size-change="fetchData6"
                   @current-change="fetchData6"
                   layout="total, sizes, prev, pager, next"
                   :total="total5"
    />
    <el-dialog v-model="dialogVisible5" :title="tit1" width="40%">
                      <el-form label-width="200px">
                              <el-row :gutter="20">
                                  <el-col :span="10">
                                      满意度: <el-rate
                                                  v-model="pingjiazhi5"
                                                  show-text
                                                  :texts="fuzhuwenzi"
                                                  void-icon-class="icon-rate-face-off"
                                                  :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
                                              </el-rate>
                              </el-col>    
                              </el-row>
                              <el-row :gutter="20" style="margin-top: 5px">
                                  <el-col :span="3">
                                      评价内容:
                                  </el-col>
                                  <el-col :span="15">
                                      <el-input
                                      type="textarea"
                                      :rows="8"
                                      class="pingjiakuang"
                                      
                                      placeholder="请输入内容"
                                      v-model="pingjianeirong5">
                                      </el-input>
                                  </el-col>
                              </el-row>
                              <el-form-item label-width="300px" style="margin-top: 10px">
                                  <el-button type="primary" @click="pingjiatijiao5">确认</el-button>
                                  <el-button @click="dialogVisible5=false,pingjiazhi5='',pingjianeirong5=''">取消</el-button>
                              </el-form-item>
                      </el-form>
                          
              </el-dialog>
              <el-dialog v-model="suifang5" title="随访方式" width="40%">
                      <el-form label-width="300px">
                              <el-row :gutter="40">
                                  <el-col :span="10">
                                      <el-select
                                      v-model="suifangfangshi5.followUpMethod"
                                      placeholder="随访方式"
                                      size="large"
                                      >
                                      <el-option
                                          v-for="item in options1"
                                          :key="item.id"
                                          :label="item.name"
                                          :value="item.id"
                                      />
                                      </el-select>
                                  </el-col>    
                              </el-row>
                              <el-form-item label-width="300px">
                                  <el-button type="primary" @click="updatesuifang5">立即更改</el-button>
                                  <el-button @click="suifang5 = false">取消</el-button>
                              </el-form-item>
                      </el-form>
              </el-dialog>
                  </el-tab-pane>
                </el-tabs>
      </el-tab-pane>
    </el-tabs>
  </template>
  <script lang="ts" setup>
  import { ref,onMounted } from 'vue'
  import type { TabsPaneContext } from 'element-plus'
  import { ElMessage, ElMessageBox } from 'element-plus'
  import {GetSysRoleListByPage1,GetSysRoleListByPage2,GetSysRoleListByPage3,GetSysRoleListByPage4,GetSysRoleListByPage5,GetSysRoleListByPage6,followmethod,followmethod1,updatesui,addsui,addsui1,addsui2,addsui3,addsui4,addsui5,updatesui1,updatesui2} from '@/api/zsg/followup';
  // 搜索表单数据
  const createTimes=ref({})
  const createTimes1=ref({})
  const createTimes2=ref({})
  const createTimes3=ref({})
  const createTimes4=ref({})
  const createTimes5=ref({})
  const activeName = ref('first')
  const activeName1 = ref('first')
  const activeName2=ref('first')
  const activeName3=ref('first')
  
  const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
  }
  const handleClick1 = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
  }
  const options=ref({})
  const options1=ref({})
  const options2=ref({})
  const options3=ref({})
  // 分页条总记录数
  let total = ref(0)
  let total1 = ref(0)
  let total2 = ref(0)
  let total3 = ref(0)
  let total4 = ref(0)
  let total5 = ref(0)
  // 定义表格数据模型
  let list = ref([
  ])
  let list1 = ref([
  ])
  let list2 = ref([
  ])
  let list3 = ref([
  ])
  let list4 = ref([
  ])
  let list5 = ref([
  ])
  const pageParamsForm={
      page:1,
      limit:2,
  }
  const pageParams = ref(pageParamsForm)     // 将pageParamsForm包装成支持响应式的对象
  const pageParams1 = ref(pageParamsForm)     // 将pageParamsForm包装成支持响应式的对象
  const pageParams2 = ref(pageParamsForm)     // 将pageParamsForm包装成支持响应式的对象
  const pageParams3 = ref(pageParamsForm)     // 将pageParamsForm包装成支持响应式的对象
  const pageParams4 = ref(pageParamsForm)     // 将pageParamsForm包装成支持响应式的对象
  const pageParams6 = ref(pageParamsForm)     // 将pageParamsForm包装成支持响应式的对象
  // 搜索表单数据
  const queryDto = ref({
  })
  const queryDto1 = ref({
  })
  const queryDto2 = ref({
  })
  const queryDto3 = ref({
  })
  const queryDto4 = ref({
  })
  const queryDto5 = ref({
  })
  // 页面加载完毕以后请求后端接口获取数据
  onMounted(() => {
      fetchData() ;
      fetchData2() ;
      fetchData3() ;
      fetchData4();
      fetchData5();
      fetchData6();
      followmethods();
      followmethods1();
  })

  const dialogVisible=ref(false)
  const dialogVisible1=ref(false)
  const dialogVisible2=ref(false)
  const dialogVisible3=ref(false)
  const dialogVisible4=ref(false)
  const dialogVisible5=ref(false)
  let tit=ref("");
  let tit1=ref("");
  const pingjianeirong=ref('')
  const pingjianeirong1=ref('')
  const pingjianeirong2=ref('')
  const pingjianeirong3=ref('')
  const pingjianeirong4=ref('')
  const pingjianeirong5=ref('')
  const pingjiajilu=ref({})
  const pingjiajilu1=ref({})
  const pingjiajilu2=ref({})
  const pingjiajilu3=ref({})
  const pingjiajilu4=ref({})
  const pingjiajilu5=ref({})
  const fuzhuwenzi=ref(['极度不满意','不满意','一般','满意','非常满意'])
  const pingjiazhi=ref('');
  const pingjiazhi1=ref('')
  const pingjiazhi2=ref('')
  const pingjiazhi3=ref('')
  const pingjiazhi4=ref('')
  const pingjiazhi5=ref('')
  const pingjia=(row)=>{
    pingjiajilu.value=row
    tit.value="回访评价"
    dialogVisible.value=true
  }
  const pingjia1=(row)=>{
    pingjiajilu1.value=row
    tit1.value="回访评价"
    dialogVisible1.value=true
  }
  const pingjia2=(row)=>{
    pingjiajilu2.value=row
    dialogVisible2.value=true
  }
  const pingjia3=(row)=>{
    pingjiajilu3.value=row
    dialogVisible3.value=true
  }
  const pingjia4=(row)=>{
    pingjiajilu4.value=row
    dialogVisible4.value=true
  }
  const pingjia5=(row)=>{
    pingjiajilu5.value=row
    dialogVisible5.value=true
  }
  const pingjiatijiao=async()=>{
    pingjiajilu.value.slevel=pingjiazhi.value
    pingjiajilu.value.evaluationContent=pingjianeirong.value
    console.log(pingjiajilu.value);
    const {data,code,message}= await addsui(pingjiajilu.value);
    if(code === 200) {
        dialogVisible.value = false
        ElMessage.success('操作成功')
        pingjianeirong.value=''
        pingjiazhi.value=''
        fetchData()
    }else {
        ElMessage.error(message)
    }
  }
  const pingjiatijiao1=async()=>{
    pingjiajilu1.value.slevel=pingjiazhi1.value
    pingjiajilu1.value.evaluationContent=pingjianeirong1.value
    const {data,code,message}= await addsui1(pingjiajilu1.value);
    if(code === 200) {
        dialogVisible1.value = false
        ElMessage.success('操作成功')
        pingjianeirong1.value=''
        pingjiazhi1.value=''
        fetchData2()
    }else {
        ElMessage.error(message)
    }
  }
  const pingjiatijiao2=async()=>{
    pingjiajilu2.value.slevel=pingjiazhi2.value
    pingjiajilu2.value.evaluationContent=pingjianeirong2.value
    const {data,code,message}= await addsui2(pingjiajilu2.value);
    if(code === 200) {
        dialogVisible2.value = false
        ElMessage.success('操作成功')
        pingjianeirong2.value=''
        pingjiazhi2.value=''
        fetchData3()
    }else {
        ElMessage.error(message)
    }
  }
  const pingjiatijiao3=async()=>{
    pingjiajilu3.value.slevel=pingjiazhi3.value
    pingjiajilu3.value.evaluationContent=pingjianeirong3.value
    const {data,code,message}= await addsui3(pingjiajilu3.value);
    if(code === 200) {
        dialogVisible3.value = false
        ElMessage.success('操作成功')
        pingjianeirong3.value=''
        pingjiazhi3.value=''
        fetchData4()
    }else {
        ElMessage.error(message)
    }
  }
  const pingjiatijiao4=async()=>{
    pingjiajilu4.value.slevel=pingjiazhi4.value
    pingjiajilu4.value.evaluationContent=pingjianeirong4.value
    const {data,code,message}= await addsui4(pingjiajilu4.value);
    if(code === 200) {
        dialogVisible4.value = false
        ElMessage.success('操作成功')
        pingjianeirong4.value=''
        pingjiazhi4.value=''
        fetchData5()
    }else {
        ElMessage.error(message)
    }
  }
  const pingjiatijiao5=async()=>{
    pingjiajilu5.value.slevel=pingjiazhi5.value
    pingjiajilu5.value.evaluationContent=pingjianeirong5.value
    const {data,code,message}= await addsui5(pingjiajilu5.value);
    if(code === 200) {
        dialogVisible5.value = false
        ElMessage.success('操作成功')
        pingjianeirong5.value=''
        pingjiazhi5.value=''
        fetchData6()
    }else {
        ElMessage.error(message)
    }
  }
  const suifangfangshi=ref({})
  const suifangfangshi1=ref({})
  const suifangfangshi2=ref({})
  const suifangfangshi3=ref({})
  const suifangfangshi4=ref({})
  const suifangfangshi5=ref({})
  const suifang=ref(false)
  const suifang1=ref(false)
  const suifang2=ref(false)
  const suifang3=ref(false)
  const suifang4=ref(false)
  const suifang5=ref(false)
  const fangshi=(row)=>{
    suifang.value=true
    suifangfangshi.value.followUpMethod=row.followUpMethod
    suifangfangshi.value.id=row.id
  }
  const fangshi1=(row)=>{
    suifang1.value=true
    suifangfangshi1.value.followUpMethod=row.followUpMethod
    suifangfangshi1.value.id=row.id
  }
  const fangshi2=(row)=>{
    suifang2.value=true
    suifangfangshi2.value.followUpMethod=row.followUpMethod
    suifangfangshi2.value.id=row.id
  }
  const fangshi3=(row)=>{
    suifang3.value=true
    suifangfangshi3.value.followUpMethod=row.followUpMethod
    suifangfangshi3.value.id=row.id
  }
  const fangshi4=(row)=>{
    suifang4.value=true
    suifangfangshi4.value.followUpMethod=row.followUpMethod
    suifangfangshi4.value.id=row.id
  }
  const fangshi5=(row)=>{
    suifang5.value=true
    suifangfangshi5.value.followUpMethod=row.followUpMethod
    suifangfangshi5.value.id=row.id
  }
  const updatesuifang=async()=>{
    const {data,code,message}=  await updatesui(suifangfangshi.value);
    if(code === 200) {
        suifang.value = false
        ElMessage.success('操作成功')
        fetchData()
    }else {
        ElMessage.error(message)
    }
  }
  const updatesuifang1=async()=>{
    const {data,code,message}=  await updatesui(suifangfangshi1.value);
    if(code === 200) {
        suifang1.value = false
        ElMessage.success('操作成功')
        fetchData2()
    }else {
        ElMessage.error(message)
    }
  }
  const updatesuifang2=async()=>{
    const {data,code,message}=  await updatesui1(suifangfangshi2.value);
    if(code === 200) {
        suifang2.value = false
        ElMessage.success('操作成功')
        fetchData3()
    }else {
        ElMessage.error(message)
    }
  }
  const updatesuifang3=async()=>{
    const {data,code,message}=  await updatesui1(suifangfangshi3.value);
    if(code === 200) {
        suifang3.value = false
        ElMessage.success('操作成功')
        fetchData4()
    }else {
        ElMessage.error(message)
    }
  }
  const updatesuifang4=async()=>{
    const {data,code,message}=  await updatesui2(suifangfangshi4.value);
    if(code === 200) {
        suifang4.value = false
        ElMessage.success('操作成功')
        fetchData5()
    }else {
        ElMessage.error(message)
    }
  }
  const updatesuifang5=async()=>{
    const {data,code,message}=  await updatesui2(suifangfangshi5.value);
    if(code === 200) {
        suifang5.value = false
        ElMessage.success('操作成功')
        fetchData6()
    }else {
        ElMessage.error(message)
    }
  }
  const followmethods=async()=>{
     const {data,code,message}= await followmethod();
      options.value=data
  }
  const followmethods1=async()=>{
     const {data,code,message}= await followmethod1();
      options1.value=data
  }
  const searchSysRole = () => {
      //queryDto.value.roleName = ""
      let initialtime=createTimes.value[0];
      let endtime=createTimes.value[1];
      queryDto.value.initialtime=initialtime;
      queryDto.value.endtime=endtime;
      console.log(queryDto.value)
      fetchData() ;
  }
  const searchSysRole1 = () => {
      //queryDto.value.roleName = ""
      let initialtime=createTimes1.value[0];
      let endtime=createTimes1.value[1];
      queryDto1.value.initialtime=initialtime;
      queryDto1.value.endtime=endtime;
      console.log(queryDto1.value)
      fetchData2() ;
  }
  const searchSysRole2 = () => {
      //queryDto.value.roleName = ""
      let initialtime=createTimes2.value[0];
      let endtime=createTimes2.value[1];
      queryDto2.value.initialtime=initialtime;
      queryDto2.value.endtime=endtime;
      console.log(queryDto2.value)
      fetchData3() ;
  }
  const searchSysRole3 = () => {
      //queryDto.value.roleName = ""
      let initialtime=createTimes3.value[0];
      let endtime=createTimes3.value[1];
      queryDto3.value.initialtime=initialtime;
      queryDto3.value.endtime=endtime;
      console.log(queryDto3.value)
      fetchData4() ;
  }
  const searchSysRole4 = () => {
      //queryDto.value.roleName = ""
      let initialtime=createTimes4.value[0];
      let endtime=createTimes4.value[1];
      queryDto4.value.initialtime=initialtime;
      queryDto4.value.endtime=endtime;
      console.log(queryDto4.value)
      fetchData5() ;
  }
  const searchSysRole5 = () => {
      //queryDto.value.roleName = ""
      let initialtime=createTimes5.value[0];
      let endtime=createTimes5.value[1];
      queryDto5.value.initialtime=initialtime;
      queryDto5.value.endtime=endtime;
      console.log(queryDto5.value)
      fetchData6() ;
  }
  // 远程调用后端分页查询接口
  const fetchData = async () => {
      const {data , code , message } = await GetSysRoleListByPage1(pageParams.value.page , pageParams.value.limit , queryDto.value) ;
      console.log(data)
      list.value = data.list ;
      total.value = data.total
      // for(let a=0;a<=data.list.length;a++){
      //     if(data.list[a].sex=='1'){
      //         list.value[a].sex='男'
      //     }else{
      //         list.value[a].sex='女'
      //     }
          
      // }
  }
  const fetchData2 = async () => {
      const {data , code , message } = await GetSysRoleListByPage2(pageParams1.value.page , pageParams1.value.limit , queryDto1.value) ;
      console.log(data)
      list1.value = data.list ;
      total1.value = data.total
      // for(let a=0;a<=data.list.length;a++){
      //     if(data.list[a].sex=='1'){
      //         list.value[a].sex='男'
      //     }else{
      //         list.value[a].sex='女'
      //     }
          
      // }
  }
  const fetchData3 = async () => {
      const {data , code , message } = await GetSysRoleListByPage3(pageParams2.value.page , pageParams2.value.limit , queryDto2.value) ;
      console.log(data)
      list2.value = data.list ;
      total2.value = data.total
      // for(let a=0;a<=data.list.length;a++){
      //     if(data.list[a].sex=='1'){
      //         list.value[a].sex='男'
      //     }else{
      //         list.value[a].sex='女'
      //     }
          
      // }
  }
  const fetchData4 = async () => {
      const {data , code , message } = await GetSysRoleListByPage4(pageParams3.value.page , pageParams3.value.limit , queryDto3.value) ;
      console.log(data)
      list3.value = data.list ;
      total3.value = data.total
      // for(let a=0;a<=data.list.length;a++){
      //     if(data.list[a].sex=='1'){
      //         list.value[a].sex='男'
      //     }else{
      //         list.value[a].sex='女'
      //     }
          
      // }
  }
  const fetchData5 = async () => {
      const {data , code , message } = await GetSysRoleListByPage5(pageParams4.value.page , pageParams4.value.limit , queryDto4.value) ;
      console.log(data)
      list4.value = data.list ;
      total4.value = data.total
      // for(let a=0;a<=data.list.length;a++){
      //     if(data.list[a].sex=='1'){
      //         list.value[a].sex='男'
      //     }else{
      //         list.value[a].sex='女'
      //     }
          
      // }
  }
  const fetchData6 = async () => {
      const {data , code , message } = await GetSysRoleListByPage6(pageParams6.value.page , pageParams6.value.limit , queryDto5.value) ;
      console.log(data)
      list5.value = data.list ;
      total5.value = data.total
      // for(let a=0;a<=data.list.length;a++){
      //     if(data.list[a].sex=='1'){
      //         list.value[a].sex='男'
      //     }else{
      //         list.value[a].sex='女'
      //     }
          
      // }
  }
  const resetData=()=>{
      queryDto.value={},
      createTimes.value={}
  }
  const resetData1=()=>{
      queryDto1.value={},
      createTimes1.value={}
  }
  const resetData2=()=>{
      queryDto2.value={},
      createTimes2.value={}
  }
  const resetData3=()=>{
      queryDto3.value={},
      createTimes3.value={}
  }
  const resetData4=()=>{
      queryDto4.value={},
      createTimes4.value={}
  }
  const resetData5=()=>{
      queryDto5.value={},
      createTimes5.value={}
  }
  </script>
  <style>
  .demo-tabs > .el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
  }
  .pingjiakuang{
    margin-left: -50px;
  }
  </style>